<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.4.2/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../jquery-easyui-1.4.2/themes/icon.css">
<script type="text/javascript" src="/jquery-easyui-1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="/jquery-easyui-1.4.2/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/js/editActivity.js"></script>
<style>
* {padding:0; margin: 0;}
li {list-style:none;}
a {text-decoration:none;}
body {background:white;}
</style>

<script type="text/javascript">
window.onload = function(){
	$('#loading-mask').fadeOut();
}
</script>
</head>
<body>
	<div id="loading-mask" style="position:absolute;top:0px; left:0px; width:100%; height:100%; background:#D2E0F2; z-index:20000">
	<div id="pageloading" style="position:absolute; top:50%; left:50%; margin:-120px 0px 0px -120px; text-align:center;  border:2px solid #8DB2E3; width:200px; height:30px;  font-size:14px;padding:10px; font-weight:bold; background:#fff; color:#15428B;"> 
		<img src="../images/loading.gif" align="absmiddle" /> 正在加载中,请稍候...</div>
	</div>

	<div class="easyui-tabs" fit="true">
		<div title="添加活动" style="padding:10px">
			<div id="tt" class="easyui-tabs" data-options="fit:true,plain:true">
				
				<div title="添加活动" style="padding:10px;">
					<table id="data_table" width="70%" border="0" cellpadding="10" cellspacing="10" class="list">
						<tr>
							<td>
								<font color="red">*</font>&nbsp;活动名称：&nbsp;
								<input id="marketName" class="easyui-textbox" type="text" name="marketName" data-options="required:true" style="width:auto;height:30px"></input>
							</td>
						</tr>
						<tr>
							<td>
								<font color="red">*</font>&nbsp;商品名称：&nbsp;
								<select id="titleId" name="titleId" class="form-control chosen-select" style="width:150px;height:30px">
									<option value="">请选择商品 ...</option>
									<option th:each="list:${itemList}"
										th:value="${list.id}" th:text="${list.title}"></option>
								</select>
							</td>
						</tr>
						<tr>
							<td>
								<font color="red">*</font>&nbsp;活动价格：&nbsp;
								<input id="marketItemPrice" class="easyui-textbox" type="text" name="marketItemPrice" data-options="required:true" style="width:auto;height:30px"></input>
							</td>
						</tr>
						<tr>
							<td>
								<font color="red">*</font>&nbsp;开始时间：&nbsp;
								<input id="startDate" name="startDate" class="easyui-datetimebox" style="width:auto;height:30px">
							</td>
						</tr>
						
						<tr>
							<td>
								<font color="red">*</font>&nbsp;结束时间：&nbsp;
								<input id="endDate" name="endDate" class="easyui-datetimebox" style="width:auto;height:30px">
							</td>
						</tr>
						<tr>
							<td>
								<input type="button" value="添加" style="width:100px;height:auto" onclick="doCreateActivity()">
								<input type="reset" value="取消" style="width:100px;height:auto" onclick="reset()">
							</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
	function reset() {
		window.location.href="/selActivity";
	}
</script>
</html>